<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org" />
<meta http-equiv="Content-Type" content=
"text/html; charset=ISO-8859-1" />
<title>Test for jQuery validate() plugin</title>
<link rel="stylesheet" type="text/css" media="screen" href=
"css/screen.css" />
<style type="text/css">
.warning { color: red; }
</style>

<script src="../lib/jquery.js" type="text/javascript">
</script>

<script src="../lib/jquery.form.js" type="text/javascript">
</script>

<script src="../jquery.validate.js" type="text/javascript">
</script>

<script type="text/javascript">
    jQuery(function() {
        // show a simple loading indicator
        var loader = jQuery('<div id="loader"><img src="images/loading.gif" alt="loading..." /><\/div>')
            .css({position: "relative", top: "1em", left: "25em"})
            .appendTo("body")
            .hide();
        jQuery().ajaxStart(function() {
            loader.show();
        }).ajaxStop(function() {
            loader.hide();
        }).ajaxError(function(a, b, e) {
            throw e;
        });
        
        var v = jQuery("#form").validate({
            submitHandler: function(form) {
                jQuery(form).ajaxSubmit({
                    target: "#result"
                });
            }
        });
        
        jQuery("#reset").click(function() {
            v.resetForm();
        });
    });
</script>
</head>
<body>
<h1 id="banner"><a href=
"http://bassistance.de/jquery-plugins/jquery-plugin-validation/">jQuery
Validation Plugin</a> Demo</h1>

<div id="main">
<form method="post" class="cmxform" id="form" action="form.php">
<fieldset><legend>Login Form (Enter "foobar" as password)</legend> 

<p><label for="user">Username</label> <input id="user" name="user"
title="Please enter your username (at least 3 characters)" class=
"required" minlength="3" /></p>

<p><label for="pass">Password</label> <input type="password" name=
"password" id="password" class="required" /></p>

<p><input class="submit" type="submit" value="Login" /></p>
</fieldset>
</form>

<div id="result">Please login!</div>

<br />
 <button id="reset">Programmatically reset above form!</button> 

<p>Backend file: <a href="form.phps">form.phps</a></p>

<a href="index.html">Back to main page</a></div>

<script src="http://www.google-analytics.com/urchin.js" type=
"text/javascript">
</script>

<script type="text/javascript">
_uacct = "UA-2623402-1";
urchinTracker();
</script>
</body>
</html>

